<template>
    
<div class="mui-slider loop">
  <div class="mui-slider-group mui-slider-loop">
    <!--支持循环，需要重复图片节点-->
    <div class="mui-slider-item mui-slider-item-duplicate"><a href="#"><img src="../../../assets/pic/banner4.jpg" /></a></div>
    <div class="mui-slider-item"><a href="#"><img src="../../../assets/pic/banner1.jpg" /></a></div>
    <div class="mui-slider-item"><a href="#"><img src="../../../assets/pic/banner2.jpg" /></a></div>
    <div class="mui-slider-item"><a href="#"><img src="../../../assets/pic/banner3.jpg" /></a></div>
    <div class="mui-slider-item"><a href="#"><img src="../../../assets/pic/banner4.jpg" /></a></div>
    <!--支持循环，需要重复图片节点-->
    <div class="mui-slider-item mui-slider-item-duplicate"><a href="#"><img src="../../../assets/pic/banner1.jpg" /></a></div>
  </div>
  <div class="mui-slider-indicator indicator">
    <div class="mui-indicator mui-active"></div>
    <div class="mui-indicator"></div>
    <div class="mui-indicator"></div>
    <div class="mui-indicator"></div>
  </div>
</div>
</template>

<script>

//引入
export default {
    name: 'Swiper',
    mounted(){
      var gallery = this.mui('.loop');
      gallery.slider({
      interval:2000//自动轮播周期，若为0则不自动播放，默认为0；
    });
  }
}
</script>
<style scoped>

</style>

